<!-- //模板 -->
<template>
   <div>
    <h2 class="title">这是home页面</h2>
    <p>{{ msg }}</p>
    <div class="test">
        <p>这是一个内容！</p>
    </div>
    <button>这是一个按钮</button>
   </div>
  
</template>

<!-- js逻辑代码 -->
<script>
export default {
    data() {
        return {
            msg: 'hello home'
        }
    }
}
</script>


<!-- 样式逻辑 -->
<style lang="scss" scoped>
    $highlight-color: #F90;
    .title {
        color: $highlight-color;
    }
    .test{
        p{
            color: red;
        }
    }
</style>